{% extends 'base.html' %}

{% block title %}
    惠房网-{{ datas.city_name }}在售二手房-{{ datas.title }}
{% endblock %}

{% block styles %}
    {{ super() }}
    <!-- 引入在售二手房详情页样式文件selldetail.css -->
    <link rel="stylesheet" href="{{ url_for('static',filename='css/ershoufang/selldetail.css') }}">
{% endblock %}

{% block content %}

    {% block newcontent %}
        <!-- 头部区域 -->
        <div class="headerlist">
            <div class="w">
                <div class="header">
                    <!-- logo模块 -->
                    <div class="logo">
                        <a href="{{ url_for('house_bp.ershoufang',city=city) }}" title="{{ datas.city_name }}在售二手房">
                            <img src="{{ url_for('static',filename='images/hz_logo.png') }}" alt="">
                        </a>
                        <span>惠房二手房</span>
                    </div>
                    <!-- title模块 -->
                    <div class="title">
                        <div class="content">
                            <h1 class="main" title="{{ datas.title }}">
                                {{ datas.title }}
                            </h1>
                            <div class="sub">
                                {{ datas.title }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 内容模块 -->
        <div class="data-content w">
            <div class="overview">
                <div class="view-hd">
                    <span>{{ datas.province }}房产 &nbsp;&nbsp;&nbsp;>&nbsp;&nbsp;&nbsp; </span>
                    <span>{{ datas.city_name }}二手房 &nbsp;&nbsp;&nbsp;>&nbsp;&nbsp;&nbsp; </span>
                    <span>{{ datas.area_name }}二手房 &nbsp;&nbsp;&nbsp;</span>
                    <span>{% if datas.community %}>&nbsp;&nbsp;&nbsp; {{ datas.community }} {% endif %}</span>
                    <div class="view-hd-fl">
                        <i></i>
                        <span><a href="javascript:;">分享此链接</a></span>
                    </div>
                </div>
                <div class="view-bd">
                    <!-- 房屋图片 -->
                    <div class="img">
                        <img src="{{ datas.house_img }}" alt="">
                    </div>
                    <div class="content">
                        <div class="housedata">
                            <!-- 价格 -->
                            <div class="price">
                                <span class="total">{{ datas.total_price }}</span>
                                <span class="unit"><span>万</span></span>
                                <div class="text">
                                    <div class="unitprice">
                                        <span>{{ datas.unit_price }}</span>
                                        <i>元/平米</i>
                                    </div>
                                    <div class="tax">
                                        <a href="javascript:;">首付及税费情况请咨询经纪人</a>
                                    </div>
                                </div>
                            </div>
                            <!-- 房内容 -->
                            <div class="houseInfo">
                                <div class="room">
                                    {% if datas.house_type %}
                                        <div class="mainInfo">{{ datas.house_type[:4] }}</div>
                                    {% else %}
                                        <div class="mainInfo">暂无数据</div>
                                    {% endif %}
                                    <div class="subInfo">{{ datas.floor }}</div>
                                </div>
                                <div class="type">
                                    <div class="mainInfo">{{ datas.house_face }}</div>
                                    <div class="subInfo">{{ datas.bullde_structure }}/{{ datas.decoration }}</div>
                                </div>
                                <div class="area">
                                    <div class="mainInfo">{{ datas.bullde_area }}平米</div>
                                    <div class="subInfo">{{ datas.bullde_type }}</div>
                                </div>
                            </div>
                            <!-- 小区 -->
                            <div class="aroundInfo">
                                <div class="communityName">
                                    <span class="labels">小区名称</span>
                                    <a href="javascript:;">{{ datas.community }}</a>
                                </div>
                                <div class="areaName">
                                    <span class="labels">所在区域</span>
                                    <span class="info">
                                        <a href="javascript:;">{{ datas.area_name }}</a>
                                        &nbsp;
                                        <a href="javascript:;">{{ datas.shop_name }}</a>
                                    </span>
                                </div>
                                <div class="looktime">
                                    <span class="labels">看房时间</span>
                                    <a href="#broker" >可看时间请咨询经纪人</a>
                                </div>
                                <div class="housecode">
                                    <span class="labels">惠房编号</span>
                                    <span class="info">{{ datas.sell_id }}</span>
                                </div>
                                <div class="riskwarn">
                                    <span class="labels">风险提示</span>
                                    <a href="#">惠房购房风险警惕</a>
                                </div>
                            </div>
                            <!-- 经纪人 -->
                            <div class="brokerInfo">
                                <div class="broker-hd">
                                    <div class="brokerimg">
                                        <a href="#broker">
                                            <img src="{{ datas.broker.broker_img }}" alt="{{ datas.broker.broker_name}}">
                                        </a>
                                    </div>
                                    <div class="brokercon">
                                        <div class="brokername">
                                            <span class="name">{{ datas.broker.broker_name }}</span>
                                            <span class="card">贝壳</span>
                                        </div>
                                        <div class="broetxt">
                                            <span>好评经纪人，熟悉本房特色</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="broker-bd">
                                    <div class="contact">
                                        {{ datas.broker.contact }}
                                    </div>
                                    <div class="advisory">
                                        <i></i>
                                        <a href="#broker">
                                            <span>咨询</span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 房源基本信息 -->
        <div class="basicInformation w clearfix">
            <div class="widths" style="width: 700px;">
                <h2>房源基本信息</h2>
                <div class="introContent">
                    <!-- 基本属性 -->
                    <div class="basic">
                        <div class="name">基本属性</div>
                        <div class="content">
                            <ul>                    
                                <li>
                                    <span class="lables">房屋户型</span>
                                    {% if datas.house_type  %}
                                        {{ datas.house_type }}
                                    {% else %}
                                        暂无数据
                                    {% endif %}
                                </li>
                                <li>
                                    <span class="lables">所在楼层</span>
                                    {{ datas.floor }}
                                </li>
                                <li>
                                    <span class="lables">建筑面积</span>
                                    {{ datas.bullde_area }}㎡
                                </li>
                                {% if datas.house_structure != None %}
                                    <li>
                                        <span class="lables">户型结构</span>
                                        {{ datas.house_structure }}
                                    </li>
                                {% endif %}
                                {% if datas.set_area != None %}
                                    <li>
                                        <span class="lables">套内面积</span>
                                        {{ datas.set_area }}㎡
                                    </li>
                                 {% endif %}
                                <li>
                                    <span class="lables">建筑类型</span>
                                    {{ datas.bullde_type }}
                                </li>
                                <li>
                                    <span class="lables">房屋朝向</span>
                                    {{ datas.house_face }}
                                </li>
                                <li>
                                    <span class="lables">建筑结构</span>
                                    {{ datas.bullde_structure }}
                                </li>
                                <li>
                                    <span class="lables">装修情况</span>
                                    {{ datas.decoration }}
                                </li>
                                {% if datas.villa_type != None %}
                                    <li>
                                        <span class="lables">别墅类型</span>
                                        {{ datas.villa_type }}
                                    </li>
                                {% endif %}
                                {% if datas.Echelon_pro != None %}
                                    <li>
                                        <span class="lables">梯户比例</span>
                                        {{ datas.Echelon_pro }}
                                    </li>
                                {% endif %}
                                {% if datas.elevator != None %}
                                    <li>
                                        <span class="lables">配备电梯</span>
                                        {{ datas.elevator }}
                                    </li>
                                {% endif %}
                            </ul>
                        </div>
                    </div>
                    <!-- 交易属性 -->
                    <div class="transaction">
                        <div class="name">交易属性</div>
                        <div class="content">
                            <ul>
                                <li>
                                    <span class="lables">挂牌时间</span>
                                    {{ datas.listed_time }}
                                </li>
                                <li>
                                    <span class="lables">交易权属</span>
                                    {{ datas.ownership }}
                                </li>
                                <li>
                                    <span class="lables">上次交易</span>
                                    {{ datas.last_time }}
                                </li>
                                <li>
                                    <span class="lables">房屋用途</span>
                                    {{ datas.house_use }}
                                </li>
                                <li>
                                    <span class="lables">房屋年限</span>
                                    {{ datas.house_years }}
                                </li>
                                <li>
                                    <span class="lables">产权所属</span>
                                    {{ datas.property_belo }}
                                </li>
                                <li>
                                    <span class="lables">抵押信息</span>
                                    {{ datas.mortgage_info }}
                                </li>
                                <li>
                                    <span class="lables">房备条件</span>
                                    详情请咨询经纪人
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 经纪人信息 -->
        <div id="broker" class="w">
            <div class="broker" style="width: 700px;">
                <div class="broker-tit">
                    <h2>经纪人信息</h2>
                </div>
                <div class="brokercon">
                    <div class="bro-left">
                        <img src="{{ datas.broker.broker_img }}" alt="{{ datas.broker.broker_name }}" title="{{ datas.broker.broker_name }}">
                    </div>
                    <div class="bro-right">
                        <div class="agent-detail-top">
                            <span class="agent-name">{{ datas.broker.broker_name }}</span>
                            <div class="agent-otherinfo">
                                <span class="pub-tag">综合经纪人</span>
                            </div>
                        </div>
                        <div class="agent-adress">
                            <span class="map-text">{{ datas.broker.shop_group }}</span>
                        </div>
                        <ul class="agent-data">
                            <li>
                                <span class="info-key">联系方式：</span>
                                <span class="info-value">{{ datas.broker.contact }}</span>
                            </li>
                            <li>
                                <span class="info-key">服务平台年限：</span>
                                <span class="info-value">{{ datas.broker.service_years }}</span>
                            </li>
                            <li>
                                <span class="info-key">个人成绩：</span>
                                <span class="info-value">{{ datas.broker.personal_score }}</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    {% endblock %}

{% endblock %}